<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>


<!DOCTYPE html>
<html lang="zh-CN">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>注册</title>
<meta name="keywords" content="注册" />
<meta name="description" content="注册" />

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/util.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<style type="text/css">
.bu {
	width: 390px;
	min-height: 20px;
	display: block;
	background-color: #424242;
	border: 1px solid #3762bc;
	color: #fff;
	padding: 9px 14px;
	font-size: 15px;
	line-height: normal;
	border-radius: 5px;
	margin: 0;
	transition: 1s;
	background-color: #008080;
}

.bu :hover {
	border-radius: 42%;
	color: white;
	background-color: #AABBCC;
	transition: 1s;
}

.but :hover {
	border-radius: 12%;
	color: white;
	background-color: #F5DEB3;
	transition: 1.5s;
}
</style>
</head>

<body>
	<font color="red" style="margin-left: 70px;"> <%-- 提示信息--%> <span
		id="message">${msg}</span>
	</font>
	<div class="limiter">
		<div class="container-login100"
			style="background-image: url('img/bg-01.jpg');">
			<div class="wrap-login100 p-l-55 p-r-55 p-t-65 p-b-54">
				<form class="login100-form validate-form" action="register.action"
					method="post">
					<span class="login100-form-title p-b-49">注册</span>

					<div class="wrap-input100 validate-input m-b-23"
						data-validate="请输入用户名">
						<span class="label-input100">用户名</span> <input class="input100"
							type="text" name="username" placeholder="请输入用户名"
							autocomplete="off"> <span class="focus-input100"
							data-symbol="&#xf206;"></span>
					</div>

					<div class="wrap-input100 validate-input" data-validate="请输入密码">
						<span class="label-input100">密码</span> <input class="input100"
							type="password" name="password" placeholder="请输入密码"> <span
							class="focus-input100" data-symbol="&#xf190;"></span>
					</div>

					<div class="wrap-input100 validate-input m-b-23"
						data-validate="请输入电话">
						<span class="label-input100">电话</span> <input class="input100"
							type="text" name="iphone" placeholder="请输入电话" autocomplete="off">
						<span class="focus-input100" data-symbol="&#xf206;"></span>
					</div>

					<div class="wrap-input100 validate-input m-b-23"
						data-validate="请输入性别">
						<span class="label-input100">性别:</span> <input type="radio"
							checked="checked" name="sex" value="1" style="margin-left: 100px" />男
						<input type="radio" name="sex" value="0" style="margin-left: 50px" />女
					</div>


					<div class="button">
						<select name="ident" class="bu">
							<option value="1">族谱编纂人</option>
							<option value="0">普通用户</option>
						</select>
					</div>

					<div class="container-login100-form-btn" style="margin-top: 20px;">
						<div class="wrap-login100-form-btn">
							<div class="login100-form-bgbtn"></div>
							<button class="login100-form-btn" type="submit">注 册</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>

	<script src="vendor/jquery-3.2.1.min.js"></script>
	<script src="js/main.js"></script>
</body>

</html>